<template>
  <div class="ele-body ele-body-card">
    <a-row :gutter="24">
      <a-col :lg="16" :md="14" :sm="24" :xs="24">
        <ContainerBillNums />
        <events />
        <containerBillCalendar />
      </a-col>
      <a-col :lg="8" :md="10" :sm="24" :xs="24">
        <dockRank/>
        <customerRank/>
        <driverRank/>
      </a-col>
    </a-row>
  </div>
</template>

<script setup>
import ContainerBillNums from './components/containerBillNums.vue';
import containerBillCalendar from './components/containerBillCalendar.vue';
import dockRank from './components/dockRank.vue';
import customerRank from './components/customerRank.vue';
import driverRank from './components/driverRank.vue';
import events from './components/events.vue';

// import { useRouter, useRoute } from 'vue-router'
// const router = useRouter()
//     const route = useRoute()
// router.push({
//         path: '/order/ocean',
//       })
</script>

<script>
  export default {
    name: 'DashboardAnalysis'
  };
</script>
